@import url(../../less/configNames.less);
.button{
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    cursor: pointer;
    white-space: nowrap;
    padding: 0 12px;
    box-sizing: border-box;
    border-radius: 5px;
    border: 1px solid transparent;
    // background-color: #006d62;
    color: white;
    transition: all ease 0.1s;
    user-select: none;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
.dashed{
    border-style:dashed;
}
.disable{
  -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
  filter: grayscale(100%);
  cursor: not-allowed;
}
.nobgColor{
    background-color: rgba(255, 255, 255, 0);
}
.hover{
    filter: brightness(1.1);
}
.click{
    filter: brightness(0.9);
    font-size: 19px;
}
.btn-sm{
    min-width: 60px;
    height: 45px;
    font-size: 17px;
}
.btn-lg{
    width: 140px;
    height: 60px;
    font-size: 24px;
}
.btn-cir{
  min-width: 0;
  width: 60px;
  height: 60px;
  border-radius: 60px;
}
.btn-cirSm{
  min-width: 0;
  width: 30px;
  height: 30px;
  border-radius: 30px;
}
.btn-cirMd{
  min-width: 0;
  width: 40px;
  height: 40px;
  border-radius: 40px;
}
.warn{
  background-color: @df-warning-color ;
}
.error{
  background-color: @df-error-color ;
}
.normal{
  background-color: @df-color ;
}
.nobg-warn{
  color: @df-warning-color ;
  border:1px solid @df-warning-color ;
}
.nobg-error{
  color: @df-error-color ;
  border:1px solid @df-error-color;
}
.nobg-normal{
  color: @df-color ;
  border:1px solid @df-color;
}

.dashed{
  border-style:@dashed;
}
.solid{
    border-style: @solid;
}
.nobg-dashed-warning{
  color: @df-warning-color ;
  border:1px @dashed @df-warning-color ;
}
.nobg-dashed-error{
  color: @df-error-color ;
  border:1px @dashed @df-error-color ;
}
.nobg-dashed-normal{
  color: @df-color ;
  border:1px @dashed @df-color ;
}